import { FC, useEffect } from "react"
import { Outlet } from "react-router-dom"

interface HighAdaptationProps {
    CHRef: HTMLElement | null
    highHt: string
    highInit: (CHRef: HTMLElement | null) => void,
    colorBgContainer:string
    borderRadiusLG:number
}

const HighAdaptation: FC<HighAdaptationProps> = ({ highHt, highInit, CHRef,colorBgContainer,borderRadiusLG  }) => {
    useEffect(() => {
        highInit(CHRef)
    }, [CHRef, highInit])

    return <div
        style={{
            height: highHt,
            background: colorBgContainer,
            borderRadius:borderRadiusLG 
        }}
    >
        <Outlet/>
    </div>
}
export default HighAdaptation